import { Divider } from 'antd';
import React from 'react';
// import Styles from '/docs/周易/components/yao.module.css'
import Styles from './yao.module.css'

class Yao extends React.Component {

    render() {
        return (
            <div className={Styles.box}>
                <ul className={Styles.yao}>
                {this.props.list.map((item) => {
                    if (item === 1) {
                        return <li className={Styles.one}><i></i></li>
                    } else {
                        return <li className={Styles.two}><i></i><i></i></li>
                    }
                })}
            </ul>
            </div>
            )
    }

}


export default Yao;